<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/assets/home/css/bootstrap.css">
    <link rel="stylesheet" href="/assets/home/css/base.css">
    <link rel="stylesheet" href="/assets/home/css/index.css">
    <link rel="stylesheet" href="/assets/home/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="/assets/home/css/animate.css">
    <link rel="stylesheet" href="/assets/home/css/reset.css">
    <script src="/assets/home/js/jquery-3.2.1.js"></script>
    <script src="/assets/home/js/swiper-3.4.2.min.js"></script>
    <script src="/assets/home/js/base.js"></script>
    <script src="https://hm.baidu.com/hm.js?8ba61eb2776cd6ce4e8ee4f549cda8b6"></script>
    <script src="/assets/js/kf.js"></script>
    <title>关于我们</title>
    <style>
    .index-video div.video{text-align: center;}
    .about-team .img{text-align: center}
    .about-team .intro{width: 180px;margin: 0 auto;padding:0 10px;}
    .about-items li .left{float: right;padding-right:10px;}
    .my-container .banner{border: none;overflow: hidden;}
    
    </style>
</head>
<body>


<header>
    {include file="common/header" /}
</header>

<section class="my-container about">

    <div class="img">
        <video src="" autoplay poster="/assets/home/imgs/img%20(8).png"></video>
        <p class="text-tow">We Build Objects</p>
        <p class="text-tow"> And Spaces</p>
    </div>

    <div class="index-video clear-fix" id="intro">
        <div class="video">

            <video src="{$banner.file}" controls="controls"></video>

            <!--            <div class="play"><img src="/assets/home/imgs/img%20(21).png" alt=""></div>-->
        </div>


        <div class="intro" >
            <h3>{$banner.name}</h3>
            <p>
                {$banner.content}
            </p>
        </div>
    </div>


    <div class="banner">
        <div class="title">以客户为核心, 以服务为生命</div>
    </div>
    <ul class="about-items row index-items">

        {volist name="CateGrory" id="vo"}
        <li class="col-lg-6">
            <div class="img"><img src="{$vo.image}" alt=""></div>
            <div class="left">
                <p class="title">{$vo.name}</p>
                <p class="content">{$vo.description}</p>
            </div>
           
        </li>
        {/volist}



    </ul>
    <div class="banner banner-tow about-page" id="team">
        <div class="title"><span class="left" ></span>我们的团队<span class="right"></span></div>
    </div>

    <ul class="about-team row index-items">
        {volist name="team_list" id="vo"}


        <li class="col-lg-3">
            <div class="img"><img src="{$vo.image}" alt=""></div>
            <p class="name">{$vo.name}</p>
            <p class="intro">{$vo.description}</p>
        </li>
        {/volist}
    </ul>



    <div class="index-why clear-fix">
        <div class="title"><span class="left"></span>服务理念<span class="right"></span></div>

        <ul class="index-why-items clear-fix row">
            <li class="col-lg-2 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(17).png" alt=""></div>
                <p class="title">客户第一</p>
                <p class="intro">客户满意 人生如意</p>
            </li>
            <li class="col-lg-2 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(18).png" alt=""></div>
                <p class="title">感恩奉献</p>
                <p class="intro">感恩惜福 乐于奉献</p>
            </li>
            <li class="col-lg-2 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(19).png" alt=""></div>
                <p class="title">团队合作</p>
                <p class="intro">共享共组 共创辉煌</p>
            </li>
            <li class="col-lg-2 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(20).png" alt=""></div>
                <p class="title">诚实守信</p>
                <p class="intro">诚实正直 人生坦荡</p>
            </li>
            <li class="col-lg-2 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(20).png" alt=""></div>
                <p class="title">积极向上</p>
                <p class="intro">积极向上 永不放弃</p>
            </li>
            <li class="col-lg-2 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(20).png" alt=""></div>
                <p class="title">结果主义</p>
                <p class="intro">拿回结果 捍卫承诺</p>
            </li>
        </ul>
    </div>
    <div class="banner banner-tow about-page">
        <div class="title"><span class="left"></span>服务流程<span class="right"></span></div>
    </div>

    <div class="about-server">
        <ul class="server-items clear-fix">
            <li>
                <span class="num">1</span>
                <p class="title">沟通确定策划方向</p>
                <ul class="server-step">
                    <li>功能性诉求</li>
                    <li>形象塑造</li>
                    <li>产品宣传</li>
                    <li>微电影</li>
                </ul>
            </li>
            <li>
                <span class="num">2</span>
                <p class="title">视频架构</p>
                <ul class="server-step">
                    <li>功能性诉求</li>
                    <li>根据需求量身策划</li>
                    <li>价格预算</li>
                </ul>
            </li>
            <li>
                <span class="num">3</span>
                <p class="title">签订合同</p>
                <ul class="server-step">
                    <li>方案确定</li>
                    <li>时间安排</li>
                    <li>双方进入合作</li>
                </ul>
            </li>
            <li>
                <span class="num">4</span>
                <p class="title">创意脚本</p>
                <ul class="server-step">
                    <li>分镜脚本</li>
                    <li>拍摄计划</li>
                    <li>拍摄要求</li>
                </ul>
            </li>
            <li>
                <span class="num">5</span>
                <p class="title">前期拍摄</p>
                <ul class="server-step">
                    <li>实地考察</li>
                    <li>确认演员或模特</li>
                    <li>场地布置</li>
                    <li>灯光</li>
                    <li>辅助</li>
                    <li>道具</li>
                    <li>化妆</li>
                    <li>拍摄</li>
                </ul>
            </li>
            <li>
                <span class="num">6</span>
                <p class="title">剪辑制作</p>
                <ul class="server-step">
                    <li>特效</li>
                    <li>动画</li>
                    <li>配音编曲</li>
                    <li>调色</li>
                    <li>初片提交</li>
                    <li>提出修改意见</li>
                    <li>最终修改到满意</li>
                </ul>
            </li>
        </ul>
        <div class="make-father">
            <p class="make text-center">制作周期</p>
            <table class="make-table">
                <tr>
                    <td>策划：7-15个工作日</td>
                    <td>拍摄：具体天数根据策划案</td>
                </tr>
                <tr>
                    <td>制作初稿：10个工作日</td>
                    <td>提出修改意见：1-2个工作日</td>
                </tr>
                <tr>
                    <td>修改初稿出第二稿：7个工作日</td>
                    <td>再次提出修改意见：1-2个工作日</td>
                </tr>
                <tr>
                    <td>修改并完成最终稿：5个工作日</td>
                    <td>全部制作周期大概在20-30个工作日</td>
                </tr>
            </table>
        </div>
    </div>
</section>

<footer>
    {include file="common/footer" /}
</footer>
<script>

    $(window).scroll(function () {

        if(isVisible($('.index-video')[0])){
            $('.video').addClass('fadeInLeft')
            $('.intro').addClass('fadeInRight')
        }
        if(isVisible($('.banner')[0])){
            $('.banner').addClass('fadeIn')
        }

        if(isVisible($('.about-items.row')[0])){
            $('.about-items.row li').addClass('fadeInUp')
        }

        if(isVisible($('.about-team.row')[0])){
            $('.about-team.row li').addClass('fadeIn')
        }

        if(isVisible($('.index-why')[0])){
            $('.index-why-items>li').addClass('fadeIn')
        }

    })
    showIsActive(2)
</script>
</body>
</html>
